<template>
  <a-form :form="form" style="height: 100%;">
    <a-row>
      <a-col :span="12">
        <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol">
          <a-checkbox style="margin-left: 20px"  v-decorator="['showTitle']" :checked="mdl.showTitle" @change="changeData($event,'showTitle')">{{i18n('form.showTitle','显示流程标题')}}</a-checkbox>
        </a-form-item>
      </a-col>
      <a-col :span="12">
        <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol">
          <a-checkbox  v-decorator="['showBpmInstLink']" :checked="mdl.showBpmInstLink" @change="changeData($event,'showBpmInstLink')">{{i18n('form.displayConnect','显示流程明细连接')}}</a-checkbox>
        </a-form-item>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="12">
        <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol">
          <a-checkbox style="margin-left: 20px"  v-decorator="['showTask']" :checked="mdl.showTask" @change="changeData($event,'showTask')">{{i18n('form.displayTask','显示任务')}}</a-checkbox>
        </a-form-item>
      </a-col>
      <a-col :span="12">
        <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol">
          <a-checkbox  v-decorator="['showTaskHandler']" :checked="mdl.showTaskHandler" @change="changeData($event,'showTaskHandler')">{{i18n('form.toDoPerson','显示待办人信息')}}</a-checkbox>
        </a-form-item>
      </a-col>
    </a-row>
  </a-form>
</template>

<script>
  export default {
    name: "renderConfig_link_flow",
    props:["layerid","destroy"],
    data(){
      return {
        labelCol: { span:6 },
        wrapperCol: { span:18 },
        labelCol1: { span:3 },
        wrapperCol1: { span:19 },
        form: this.$form.createForm(this),
        mdl:{}
      }
    },
    methods:{
        i18n(name,text,key){
            return this.$ti18(name,text,"formCellRender",key);
        },
      setData(data,fieldDts){
        this.mdl=data;
        this.form.setFieldsValue(this.mdl);
      },
      validate(callback){
        var self=this;
        this.form.validateFields((err, values) => {
          if(err){
            return;
          }
          self.mdl=values;
          callback();
        });
      },
      getData(){
        return this.mdl;
      },
      changeData(e,field){
        this.mdl[field]=e.target.checked;
      }
    }
  }
</script>

<style scoped>

</style>